@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:0 0 0 0; text-align:left;}
.mobile_logo{ display:inline-block; height:45px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header2_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:7px;}
.header_mobile1 .span1{ display:block; height:3px; background:#04ab05; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#04ab05; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#04ab05; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/* 本例子css */
.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
}
.swiper-container .swiper-slide {
	text-align: center;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-button-next{ width:35px; height:38px; background:url(../images/bannerR.png) no-repeat center center; background-size:35px auto; position:absolute; top:50%; margin-top:-21px; z-index:1;}
.swiper-button-prev{ width:35px; height:38px; background:url(../images/bannerL.png) no-repeat center center; background-size:35px auto; position:absolute; top:50%; margin-top:-21px; z-index:1;}

.index_title{ width:100%; height:34px; overflow:hidden; position:relative;}
.index_title span{ display:block; width:4px; height:34px; background:#04ab05; position:absolute; top:0; left:0;}
.index_title a{ float:right; font-size:13px; color:#04ab05; background:url(../images/more.jpg) right center no-repeat; padding-right:8px; margin-top:0px;}
.index_title a:hover{ text-decoration:underline;}
.index_title1{ float:left; margin-left:15px; font-size:16px; line-height:18px;}
.index_title2{ float:left; margin-left:15px; clear:both; line-height:12px; margin-top:5px; font-family:"Arial"; color:#a5a5a5;}

.index1{ overflow:hidden; padding:30px 0; width:94%;}

.index1_l{ float:left; width:100%; padding-right:0; border-right:0; overflow:hidden;}
.index1_l1{ width:100%; overflow:hidden; text-align:left; padding:30px 0 0 0;}
.index1_l1 img{ display:block; max-width:100%;}
.index1_l2{ width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:24px; padding:10px 0;}
.index1_l2 a{ color:#04ab05;}
.index1_l2 a:hover{ text-decoration:underline;}

.index1_r{ float:right; width:100%; overflow:hidden; margin-top:20px;}

.swiper-container1 {
	float:left;
	width: 300px;
	max-width:100%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin-top:30px;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-container1 .swiper-slide a img{ display:block; width:100%;}
.index1_r1{ position:absolute; width:65%; padding:0 30% 0 5%; height:38px; line-height:38px; z-index:1; background:url(../images/index1_3.png) repeat; bottom:0; left:0; text-align:left; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-pagination1{ position:absolute; bottom:11px; right:0; z-index:10;}
.swiper-pagination1 .swiper-pagination-bullet{ width:6px; height:6px; border:1px solid #FFF; background:none; margin-right:6px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#FFF;}

.index1_r2{ float:left; width:100%; margin-top:30px; text-align:left; margin-left:0;}
.index1_r2_1{ display:block; width:100%; overflow:hidden;}
.index1_r2_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#4e4e4e; font-weight:bold; line-height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_r2_3{ float:left; width:100%; overflow:hidden; color:#bdbdbd; line-height:20px; margin-top:5px;}
.index1_r2_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:22px; height:auto; max-height:44px; margin-top:5px;}
.index1_r2_1:hover .index1_r2_2{ text-decoration:underline;}
.index1_r2_5{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.index1_r2_5 li{ float:left; width:100%; overflow:hidden; background:url(../images/index1_4.jpg) left center no-repeat; padding:3px 0;}
.index1_r2_5 li a{ display:block; width:97.5%; font-size:14px; line-height:24px; color:#949494; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:2.5%;}
.index1_r2_5 li a:hover{ text-decoration:underline;}

.index2{ width:100%; overflow:hidden; height:auto; background:#f6f6f6;}
.index2_1{ width:100%; margin:0 auto; overflow:hidden;}
.index2_1 li{ float:left; width:50%; overflow:hidden; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .li_on{ width:50%;}
.index2_1 li a{ display:block; width:100%; height:280px;}
.index2_1 li:nth-child(1){ background:#1b9d52 url(../images/index2_1.png) 5% 215px no-repeat;}
.index2_1 li:nth-child(2){ background:#185fae url(../images/index2_1.png) 5% 215px no-repeat;}
.index2_1 li:nth-child(3){ background:#e3bd34 url(../images/index2_1.png) 5% 215px no-repeat;}
.index2_1 li:nth-child(4){ background:#ad6925 url(../images/index2_1.png) 5% 215px no-repeat;}
.index2_2{ width:90%; margin-left:5%; font-size:14px; font-weight:lighter; color:#FFF; line-height:26px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:20px;}
.index2_3{ width:90%; margin-left:5%; font-size:16px; font-weight:bold; color:#FFF; line-height:30px; margin-top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_4{ width:90%; margin-left:5%; font-size:14px; color:#FFF; line-height:24px; margin-top:10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .li_on .index2_3{ margin-top:0;}
.index2_1 .li_on .index2_4{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}

.footer{ width:100%; overflow:hidden; position:relative; padding-bottom:20px;}
.footer_top{ width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9;}

.footer_top1{ float:left; width:94%; margin:0 auto; margin-left:3%; overflow:hidden; padding:20px 0 20px 0;}
.footer_top1 li{ float:left; font-size:13px; overflow:hidden; line-height:24px;}
.footer_top1 li span{ font-weight:bold; color:#04ab05;}
.footer_top1 li a{ color:#444444; margin:0 40px 0 0;}
.footer_top1 li a:hover{ text-decoration:underline;}

.footer_bot{ float:left; width:94%; margin:0 auto; margin-left:3%; overflow:hidden; padding:20px 0 20px 0; text-align:left; font-size:13px; color:#484848; line-height:30px;}
.footer_bot a{ color:#484848;}
.footer_bot a:hover{ text-decoration:underline;}

.chat{ position:relative; top:0; left:auto; z-index:10; width:170px; height:auto; margin:0 auto; right:auto; background:#f6f6f6; overflow:hidden; clear:both;}
.chat1{ margin:10px auto 0 auto; width:148px; background:#FFF; padding:10px 0;}
.chat1 img{ display:block; width:128px; margin:0 auto;}
.chat2{ color:#04ab05; line-height:30px;}

.piaofu{ display:none;}

.banner{ width:100%; height:280px; display:none;}
.banner_mobile{ display:block;}
.banner_mobile img{ display:block; width:100%;}

.content{ position:relative; z-index:10;}
.content_l{ float:left; width:265px; overflow:hidden; margin-top:-40px; padding-bottom:30px; display:none;}
.content_r{ float:right; width:94%; margin-right:3%; overflow:hidden;}

.left_nav{ float:left; width:100%; overflow:hidden; background:#04ab05;}
.left_nav1{ float:right; width:90%; padding:0 0 0 6%; overflow:hidden; font-size:24px; color:#FFF; text-align:left; font-weight:bold; height:75px; line-height:75px;}
.left_nav2{ float:right; width:96%; overflow:hidden; background:#FFF;}
.left_nav2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.left_nav2 li a{ float:left; width:87%; padding:0 6.5%; overflow:hidden; display:block; font-size:16px; color:#666666; text-align:left; height:52px; line-height:52px; background:url(../images/left_nav1.png) 92% center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.left_nav2 li a:hover{ background:url(../images/left_nav1_1.png) 92% center no-repeat; color:#04ab05;}
.left_nav2 li .a_on{ background:url(../images/left_nav1_1.png) 92% center no-repeat; color:#04ab05;}

.content_l1{ float:left; margin-top:30px; width:100%; overflow:hidden; background:#f9f9f9; text-align:left;}
.content_l2{ float:left; margin-left:5%; background:#efefef; width:80%; padding:0 5%; height:33px; line-height:33px; margin-top:15px; font-size:18px; font-weight:bold; color:#333;}
.content_l2 span{ font-family:"Arial"; font-size:14px; color:#54ba55; font-weight:normal;}
.content_l3{ float:left; margin-left:5%; width:90%; overflow:hidden; padding:10px 0 20px 0;}
.content_l3 li{ float:left; width:100%; overflow:hidden; background:url(../images/more.jpg) 7% center no-repeat; padding:3px 0;}
.content_l3 li a{ float:left; margin-left:12%; display:block; max-width:88%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#353535; line-height:22px;}
.content_l3 li a:hover{ text-decoration:underline;}

.position{ float:left; margin-top:30px; width:100%; border-bottom:2px solid #eeeeee; height:auto; padding-bottom:15px;}
.position1{ float:left; font-size:16px; line-height:16px; height:auto; border-bottom:2px solid #04ab05; display:none;}
.position2{ float:left; font-size:14px; color:#999999; background:url(../images/position.png) left 6px no-repeat; line-height:24px; padding-left:20px; margin-top:0; text-align:left;}
.position2 a{ color:#999999;}
.position2 a:hover{ text-decoration:underline;}

/* about css */
.about{ float:left; width:100%; overflow:hidden; padding:30px 0;}
.about1{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#04ab05; line-height:26px;}
.about2{ margin-top:30px; width:100%; overflow:hidden; text-align:left; font-size:14px; color:#626262; line-height:24px;}
.about2 img{ display:block; margin:0 auto; max-width:100%;}

/* contact css */
.contact{ width:100%; overflow:hidden; padding-bottom:50px;}
.contact1{ float:left; margin-top:30px; text-align:left; width:100%;}
.contact1_1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#04ab05; line-height:26px;}
.contact1_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#626262; line-height:30px; margin-top:20px;}
.contact2{ float:right; width:128px; overflow:hidden; margin-top:45px; display:none;}
.contact2_1{ display:block; width:100%;}
.contact2_2{ width:100%; font-size:14px; color:#626262; line-height:24px; margin-top:10px;}
.map{ width:99.8%; border:1px solid #e6e6e6; height:300px; margin-top:30px; float:left;}

/* news css */
.news{ width:100%; overflow:hidden;}
.news1{ float:left; display:block; width:100%; overflow:hidden; margin-top:30px;}
.news1_1{ float:left; display:block; width:300px; height:auto;}
.news1_2{ float:right; width:100%; overflow:hidden; text-align:left; margin-top:20px;}
.news1_3{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#4e4e4e; font-weight:bold; line-height:26px;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:22px; height:66px; margin-top:10px;}
.news1_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#04ab05; line-height:22px; margin-top:10px;}
.news1:hover .news1_3{ text-decoration:underline;}

.news2{ float:left; width:100%; overflow:hidden; margin-top:30px; border-top:1px dashed #e4e4e4;}
.news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #e4e4e4; font-size:14px; line-height:24px; padding:10px 0; background:url(../images/news2.jpg) 2px center no-repeat; text-align:left;}
.news2 li a{ float:left; color:#353535; margin-left:14px; display:block; max-width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news2 li span{ float:right; color:#bebebe;}
.news2 li a:hover{ text-decoration:underline;}

.page{ float:left; width:100%; overflow:hidden; text-align:center; padding:20px 0 30px 0;}
.page span{ display:inline-block; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; font-size:14px; color:#999999; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a{ display:inline-block; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; font-size:14px; color:#999999; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page span:hover{ background:#04ab05; border:1px solid #04ab05; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#04ab05; border:1px solid #04ab05; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* newsIn css */
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#555555; line-height:34px; margin-top:30px;}
.newsIn2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999999; line-height:24px; margin-top:6px; border-bottom:1px solid #eeeeee; padding-bottom:12px;}
.newsIn3{ float:left; width:100%; overflow:hidden; padding:30px 0; font-size:14px; color:#626262; line-height:24px; text-align:left;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; position:relative; border-bottom:1px solid #e6e6e9; border-top:1px solid #e6e6e9; padding:12px 0 25px 0;}
.pageIn1{ float:left; width:60%; overflow:hidden; text-align:left; line-height:24px; margin-top:12px; font-size:14px; color:#555555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ font-size:14px; color:#555555;}
.pageIn2{ display:block; width:100px; height:40px; line-height:40px; background:#04ab05; color:#FFF; overflow:hidden; position:absolute; right:0; top:32px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:13px;}
.pageIn2 span{ font-family:"宋体"; font-size:20px; vertical-align:bottom; padding-right:5px;}
.pageIn1 a:hover{ text-decoration:underline;}

.relevant{ width:100%; overflow:hidden; margin-top:30px;}
.relevant1{ width:100%; border-bottom:1px solid #f2f2f2; height:37px;}
.relevant1_1{ float:left; font-size:16px; font-weight:bold; color:#333333; line-height:20px; height:36px; border-bottom:2px solid #04b179;}
.relevant1 a{ float:right; font-size:14px; color:#04b179; line-height:20px;}
.relevant1 a:hover{ text-decoration:underline;}
.relevant2{ float:left; width:100%; overflow:hidden; padding:20px 0;}
.relevant2 li{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; line-height:24px; padding:4px 0; background:url(../images/index1_4.jpg) 2px center no-repeat;}
.relevant2 li a{ float:left; color:#666666; display:block; max-width:60%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:12px;}
.relevant2 li span{ float:right; color:#bebebe;}
.relevant2 li a:hover{ text-decoration:underline;}

}